<admintpl file="headerEx" />
<title>{:L('PORTAL_ADMINPOST_ADD')}</title>

<!--responsive table-->
<link href="__PUBLIC__/TciocEx/css/table-responsive.css" rel="stylesheet" />
<link href="__PUBLIC__/js/artDialog/skins/default.css" rel="stylesheet" />
<link href="__PUBLIC__/js/select2/select2.min.css" rel="stylesheet" />
<style type="text/css">
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		background-color: #1DCCAA !important;
	}
	.pic-list li {
		margin-bottom: 5px;
	}
</style>

<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}">
		<input id="photo-{id}-name" type="text" name="photos_alt[]" value="{name}" style="width: 160px;" title="图片名称">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
	</li>
</script>
</head>

<!-- Placed js at the end of the document so the pages load faster -->
<body class="sticky-header">
<section>
	<!-- main content start-->
	<div class="full-content" >
		<!--body wrapper start-->
		<div class="wrapper">
			<div class="row">
				<div class="col-sm-12">
					<section class="panel">
						<header class="panel-heading custom-tab turquoise-tab">
							<ul class="nav nav-tabs">
								<li><a href="{:U('AdminPost/index')}"><i class="fa fa-list-ul"></i> {:L('PORTAL_ADMINPOST_INDEX')}</a></li>
								<li class="active"><a href="{:U('AdminPost/add',array('term'=>empty($term['term_id'])?'':$term['term_id']))}" target="_self"><i class="fa fa-plus"></i> {:L('PORTAL_ADMINPOST_ADD')}</a></li>
							</ul>
						</header>

					</section>
					<form action="{:U('AdminPost/add_post')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">

					<input type="hidden" name="post[post_type]" value="1">
						<div class="row-fluid">
							<div class="col-lg-10">
								<table class="table table-bordered">
									<tr>
										<th width="80">分类</th>
										<td>
											<!--<select multiple="multiple" style="max-height: 100px;" name="term[]">{$taxonomys}</select>-->
											<select multiple="multiple" name="term[]" id="e9" style="width: 100%; display: none;" class=" select2-hidden-accessible" tabindex="-1" aria-hidden="true">
												{$taxonomys}
											</select>
											<div>windows：按住 Ctrl 按钮来选择多个选项,Mac：按住 command 按钮来选择多个选项</div>
										</td>
									</tr>
									<tr>
										<th>标题</th>
										<td>
											<input type="text" style="width: 98%; padding: 25px 0px; font-size: 18px;" name="post[post_title]" id="title" required value="" placeholder="请输入标题"/>
											<span class="form-required">*</span>
										</td>
									</tr>
									<tr>
										<th>关键词</th>
										<td><input type="text" name="post[post_keywords]" id="keywords" value="" style="width: 98%; padding: 25px 0px;" placeholder="请输入关键字"> <br> * 多关键词之间用空格或者英文逗号隔开</td>
									</tr>
									<tr>
										<th>链接地址</th>
										<td><input type="text" name="post[post_source]" id="source" value="" style="width: 98%; padding: 25px 0px;"placeholder="请输入文章来源"></td>
									</tr>
									<tr>
										<th>摘要</th>
										<td>
											<textarea name="post[post_excerpt]" id="description" style="width: 100%; min-height: 100px;" placeholder="请填写摘要"></textarea>
										</td>
									</tr>
									<tr>
										<th>内容</th>
										<td>
											<script type="text/plain" id="content" name="post[post_content]"></script>
										</td>
									</tr>
									<tr>
										<th>相册图集</th>
										<td>
											<ul id="photos" class="pic-list unstyled"></ul>
											<a href="javascript:upload_multi_image('图片上传','#photos','photos-item-wrapper');" class="btn btn-small">选择图片</a>
										</td>
									</tr>
								</table>
							</div>
							<div class="col-lg-2">
								<table class="table table-bordered">
									<tr>
										<th><b>缩略图</b></th>
									</tr>
									<tr>
										<td>
											<div style="text-align: center;">
												<input type="hidden" name="smeta[thumb]" id="thumb" value="">
												<a href="javascript:upload_one_image('图片上传','#thumb');">
													<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand" />
												</a>
												<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
											</div>
										</td>
									</tr>
									<tr>
										<th><b>发布时间</b></th>
									</tr>
									<tr>
										<td><input type="text" name="post[post_date]" value="{:date('Y-m-d H:i:s',time())}" class="js-datetime" style="width: 160px;"></td>
									</tr>
									<tr>
										<th><b>状态</b></th>
									</tr>
									<tr>
										<td>
											<label class="radio"><input type="radio" name="post[post_status]" value="1" checked>审核通过</label>
											<label class="radio"><input type="radio" name="post[post_status]" value="0">待审核</label>
										</td>
									</tr>
									<tr>
										<td>
											<label class="radio"><input type="radio" name="post[istop]" value="1">置顶</label>
											<label class="radio"><input type="radio" name="post[istop]" value="0" checked>未置顶</label>
										</td>
									</tr>
									<tr>
										<td>
											<label class="radio"><input type="radio" name="post[recommended]" value="1">推荐</label>
											<label class="radio"><input type="radio" name="post[recommended]" value="0" checked>未推荐</label>
										</td>
									</tr>
									<tr>
										<th>文章模板</th>
									</tr>
									<tr>
										<td>
											<php>
												$tpl_list=sp_admin_get_tpl_file_list();
												unset($tpl_list['page']);
											</php>
											<select style="min-width: 190px;" name="smeta[template]">
												<option value="">请选择模板</option>
												<foreach name="tpl_list" item="vo">
													<option value="{$vo}">{$vo}{:C("TMPL_TEMPLATE_SUFFIX")}</option>
												</foreach>
											</select>
										</td>
									</tr>
									<tr>
										<th>文章字体</th>
									</tr>
									<tr>
										<td>
											<select style="min-width: 190px;" name="post[font_family]">
												<option value="宋体" style="font-family: '宋体', 'Arial';">宋体</option>
												<option value="幼圆" style="font-family: '幼圆', 'Arial';">幼圆</option>
												<option value="仿宋" style="font-family: '仿宋', 'Arial';">仿宋</option>
												<option value="楷体" style="font-family: '楷体', 'Arial';">楷体</option>
												<option value="微软雅黑" style="font-family: '微软雅黑', 'Arial';">微软雅黑</option>
												<option value="黑体" style="font-family: '黑体', 'Arial';">黑体</option>
												<option value="隶书" style="font-family: '隶书', 'Arial';">隶书</option>
											</select>
										</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="form-actions">
							<button class="btn btn-primary js-ajax-submit" type="submit">{:L('ADD')}</button>
							<a class="btn" href="javascript:history.back(-1);">{:L('BACK')}</a>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
	</div>
	<!--body wrapper end-->

	<!--footer section start-->
	<footer>
		<admintpl file="copyright" />
	</footer>
	<!--footer section end-->

	</div>
	<!-- main content end-->
</section>
<script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>

<script src="__PUBLIC__/js/wind.js"></script>
<script src="__PUBLIC__/js/common.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="__PUBLIC__/simpleboot/bootstrap/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-migrate-1.2.1.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/modernizr.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery.nicescroll.js"></script>
<script src="__PUBLIC__/js/ajaxForm.js"></script>
<script src="__PUBLIC__/js/select2/select2.full.min.js"></script>


<script type="text/javascript" src="__PUBLIC__/TciocEx/js/jquery.validate.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-localization/messages_zh.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/scripts.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-init.js"></script>

<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>

<script type="text/javascript">
	$("#e9").select2({
		tags:true,
		allowClear:true,
		placeholder:"请点击选择文章分类"
	});
	$(function() {
		$(".js-ajax-close-btn").on('click', function(e) {
			e.preventDefault();
			Wind.use("artDialog", function() {
				art.dialog({
					id : "question",
					icon : "question",
					fixed : true,
					lock : true,
					background : "#CCCCCC",
					opacity : 0,
					content : "您确定需要关闭当前页面嘛？",
					ok : function() {
						setCookie("refersh_time", 1);
						window.close();
						return true;
					}
				});
			});
		});
		/////---------------------
		Wind.use('validate', 'ajaxForm', 'artDialog', function() {
			//javascript

			//编辑器
			editorcontent = new baidu.editor.ui.Editor();
			editorcontent.render('content');
			try {
				editorcontent.sync();
			} catch (err) {
			}
			//增加编辑器验证规则
			jQuery.validator.addMethod('editorcontent', function() {
				try {
					editorcontent.sync();
				} catch (err) {
				}
				return editorcontent.hasContents();
			});
			var form = $('form.js-ajax-forms');
			//ie处理placeholder提交问题
			if ($.browser && $.browser.msie) {
				form.find('[placeholder]').each(function() {
					var input = $(this);
					if (input.val() == input.attr('placeholder')) {
						input.val('');
					}
				});
			}

			var formloading = false;
			//表单验证开始
			form.validate({
				//是否在获取焦点时验证
				onfocusout : false,
				//是否在敲击键盘时验证
				onkeyup : false,
				//当鼠标掉级时验证
				onclick : false,
				//验证错误
				showErrors : function(errorMap, errorArr) {
					//errorMap {'name':'错误信息'}
					//errorArr [{'message':'错误信息',element:({})}]
					try {
						$(errorArr[0].element).focus();
						art.dialog({
							id : 'error',
							icon : 'error',
							lock : true,
							fixed : true,
							background : "#CCCCCC",
							opacity : 0,
							content : errorArr[0].message,
							cancelVal : '确定',
							cancel : function() {
								$(errorArr[0].element).focus();
							}
						});
					} catch (err) {
					}
				},
				//验证规则
				rules : {
					'post[post_title]' : {
						required : 1
					},
					'post[post_content]' : {
						editorcontent : true
					}
				},
				//验证未通过提示消息
				messages : {
					'post[post_title]' : {
						required : '请输入标题'
					},
					'post[post_content]' : {
						editorcontent : '内容不能为空'
					}
				},
				//给未通过验证的元素加效果,闪烁等
				highlight : false,
				//是否在获取焦点时验证
				onfocusout : false,
				//验证通过，提交表单
				submitHandler : function(forms) {
					if (formloading)
						return;
					$(forms).ajaxSubmit({
						url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
						dataType : 'json',
						beforeSubmit : function(arr, $form, options) {
							formloading = true;
						},
						success : function(data, statusText, xhr, $form) {
							formloading = false;
							if (data.status) {
								setCookie("refersh_time", 1);
								//添加成功
								Wind.use("artDialog", function() {
									art.dialog({
										id : "succeed",
										icon : "succeed",
										fixed : true,
										lock : true,
										background : "#CCCCCC",
										opacity : 0,
										content : data.info,
										button : [ {
											name : '继续添加？',
											callback : function() {
												reloadPage(window);
												return true;
											},
											focus : true
										}, {
											name : '返回列表页',
											callback : function() {
												location = "{:U('AdminPost/index')}";
												return true;
											}
										} ]
									});
								});
							} else {
								artdialog_alert(data.info);
							}
						}
					});
				}
			});
		});
		////-------------------------
	});
</script>
</body>
</html>